<!--购物车页面-->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vivo智能手机</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../css/head.css" />
    <link rel="stylesheet" href="../../css/swiper.min.css" />
    <link rel="stylesheet" href="../../css/common.css" />
	<script src="../../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/lunbo.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="../../css/shopping.css"/>
</head>
<body>
    <header class="header">
    	<!--s搜索栏-->
    	<div class="head-search">
			<div class="search-box">
				<from>
					<input type="text" name="" id="" value="" placeholder="如：X6"/>
					<button type="submit">搜索</button>
					<a href="" class="close"></a>
				</from>
			</div>
        </div>
        <!--导航条-->
        <div class="wrap">
        	<nav class="navigator">
        		<a href="../index.php" class="logo">
        			<img src="../../image/logo.png"/>
        		</a>
        		<ul class="nav-box">
        			<li class="rb"><a href="phone.php">手机</a></li>
        			<li><a href="">配件</a></li>
        			<li><a href="">V币商品</a></li>
        			<li><a href="">服务</a></li>
        			<li><a href="">社区</a></li>
        			<li><a href="">官网</a></li>
        		</ul>
        		<div class="seach-user">
        			<ul class="seach-menu">
        				<li><a href=""><b class="nav-bg1"></b></a></li>
        				<li><a href=""><b class="nav-bg2"></b>	</a></li>
        				<li><a href=""><b class="nav-bg3"></b>	</a></li>
        			</ul>
        		</div>
        	</nav>
        </div>
    </header>
   <!--内容-->
   	<div class="content c1">
   		<div class="wrapper">
   			<div class="buy"></div>
   		</div>
		<div class="container">
			<div class="wrapper">
   				<div class="prod-list">
   					<!--没有商品的购物车-->
   					<div class="no-result">
   						<img src="../../image/shop2.png"/>
   						<p>
   							亲，您的购物车里还没有物品哦，赶紧去
   							<a href="../index.php">逛逛</a>吧
   						</p>
   					</div>
   					<!--有商品的购物车-->
   					<div class="having">
   						<table class="order-table shop-cart" id="j_ShowTable" cellpadding="0">
	                        <thead>
		                        <tr>
		                            <th>
		                            	<input class="j_SelectAll j_Select item-checkbox" type="checkbox">
		                            </th>
		                            <th class="shop-name"><label for="j_selectAll">全选</label></th>
		                            <th class="shop-name">商品名称</th>
		                            <th>价格（元）</th>
		                            <th class="shop-nun">数量</th>
		                            <th>优惠</th>
		                            <th>赠送V币</th>
		                            <th>小计（元）</th>
		                            <th>操作</th>
		                        </tr>
	                        </thead>
                            <tbody class="j_ItemTBody">
                                <tr class="prod-line">
                                    <!--<input type="hidden" class="item-single-price j_ItemSinglePrice" value="158">
                                    <input type="hidden" class="item-single-vcoin j_ItemSingleVcoin" value="158">
                                    <input type="hidden" class="item-single-privilege j_ItemSinglePrivileg" value="0">-->
                                    <!--<input type="hidden" class="item-single-skuId j_ItemSingleSkuId" value="4100">-->
                                    <td>
                                        <label><input type="checkbox" class="item-checkbox j_ItemCheckbox" value="4100"></label>
                                    </td>
                                    <td class="prod-pic">
                                        <a class="figure" href="" target="_blank">
                                        	<img src="../../image/shop3.png" alt="">
                                        </a>
                                    </td>
                                    <td class="prod-name">
                                        <a class="figure" href="" target="_blank">【vivo】XE680原装耳机</a>
                                        <br>颜色：灰白色
                                    </td>
                                    <td>158.00</td>
                                    <td>
                                    	<span class="number-box">
	                                        <a class="reduce-num j_ReduceNum" href="javascript:;">-</a>
	                                        <input type="text" class="prod-num j_ItemNum" name="shopcartProductNum" value="1" title="请输入购买量">
	                                        <a class="add-num j_AddNum" href="javascript:;">+</a>
	                                    </span>
                                    </td>
                                    <td class="item-privilege j_ItemPrivilege">0.00</td>
                                    <td class="item-vcoin j_ItemVcoin">158</td>
                                    <td class="total-price item-total-price j_ItemTotalPrice">158.00</td>
                                    <td>
                                        <a href="javascript:;" class="favorite j_Favorite" skuid="4100">收藏</a>
                                         | <a href="javascript:;" class="j_DelSingle" skuid="4100">删除</a>
                                    </td>
                                </tr>
                            </tbody>
                    	</table>
                    	<ul class="price-list">
	                        <li class="total-price">商品总价：<span><dfn>¥</dfn><span id="j_ItemsSum">158.00</span></span></li>
	                        <li class="discount-price">优惠：<span class="price">-<dfn>¥</dfn><span id="j_ItemsPrivilege">59.00</span></span></li>
                    	</ul>
                    	<div class="option-box">
	                        <div class="option-operation">
	                            <ul>
	                                <li><label><input class="j_SelectAll" type="checkbox"> 全选</label></li>
	                                <li><a class="j_DelMultiple" href="javascript:void(0);">删除选中的商品</a></li>
	                                <li><a class="j_FavoriteMultiple" href="javascript:void(0);">移入收藏夹</a></li>
	                            </ul>
	                        </div>
	                        <div class="real-price">
	                        	已选商品
	                        	<em><span id="j_ItemsNum">1</span></em>
	                        	件，合计（不含运费）：
	                        	<span class="price">
	                        		<dfn>¥</dfn>
	                        		<span id="j_ItemsRealSum">99.00</span>
	                        	</span>
	                        </div>
	                    </div>
	                    <div class="btn-box">
	                        <button class="btn-cancel btn-goshopping j_GoShopping" href="/index.html" title="继续购物">
	                            	继续购物
	                        </button>
	                        <button class="btn-confirm btn-submit j_BtnConfirm" href="javascript: void(0);" title="去结算">去结算</button>
                    	</div>
   						
   						
   						
   						
   						
   						
   						
   						
   						
   						
   						
   						
   						
   					</div>
   				</div>
   			</div>
		</div>
   		
   	</div>
   
   
    <!--公共底部-->
    <footer id="footer">
    	<div class="shop-agree">
    		<div class="wrapper">
	    		<ul class="cl">
	    			<li>
	    				<a href="#">
	    					<b class="foot-b1"></b>
	    					<p><span>0</span>运费购手机</p>
	    				</a>
	    			</li>
	    			<li>
	    				<a href="#">
	    					<b class="foot-b2"></b>
	    					<p><span>30</span>无理由退货</p>
	    				</a>
	    			</li>
	    			<li>
	    				<a href="#">
	    					<b class="foot-b3"></b>
	    					<p>电子发票</p>
	    				</a>
	    			</li>
	    			<li>
	    				<a href="#">
	    					<b class="foot-b4"></b>
	    					<p><span>380</span>余家售后服务中心</p>
	    				</a>
	    			</li>
	    		</ul>
    		</div>
    	</div>
    	<div class="shop-help">
    		<div class="wrapper cl">
    			<dl>
    				<dt><b class="help-b1"></b>购买流程</dt>
    				<dd><a href="">· 支付宝支付</a></dd>
    				<dd><a href="">· 发票说明</a></dd>
    				<dd><a href="">· 优惠券说明</a></dd>
    				<dd><a href="">· 花呗分期</a></dd>
    			</dl>
    			<dl>
    				<dt><b class="help-b2"></b>配送方式</dt>
    				<dd><a href="">· 配送方式</a></dd>
    				<dd><a href="">· 配送费用</a></dd>
    				<dd><a href="">· 签收须知</a></dd>
    			</dl>
    			<dl>
    				<dt><b class="help-b3"></b>服务支持</dt>
    				<dd><a href="">· 服务保证</a></dd>
    				<dd><a href="">· 售后服务</a></dd>
    				<dd><a href="">· 售后网点查询</a></dd>
    				<dd><a href="">· 碎屏宝</a></dd>
    				<dd><a href="">· 手机延保</a></dd>
    			</dl>
    			<dl>
    				<dt><b class="help-b4"></b>品牌服务</dt>
    				<dd><a href="">· 常见问题</a></dd>
    				<dd><a href="">· 相关下载</a></dd>
    				<dd><a href="">· 联系我们</a></dd>
    			</dl>
    			<dl>
    				<dt><b class="help-b5"></b>小V在线时段</dt>
    				<dd><a href="">周一至周五 08:00-21:00</a></dd>
    				<dd><a href="">周六、周日 09:00-18:00</a></dd>
    				<dd><a href=""><img src="../../image/foot-bg1.png"/></a></dd>
    			</dl>
    		</div>
    	</div>
    	<div class="foot-copyright">
    		<div class="wrapper cl">
    			<div class="foot-right">
    				成为vivo粉丝:
    				<a href=""><b class="fr-b1"></b></a>
    				<a href=""><b class="fr-b2"></b></a>
    				<a href=""><b class="fr-b3"></b></a>
    				<a href="" class="weixin">
    					<b class="fr-b4"></b>
    					<div class="hide">
    						<img src="../../image/foot-bg3.jpg"/>
    						<b class="fr-b5"></b>
    					</div>
    				</a>
    				
    			</div>
    			<div class="foot-copy">
    				<a href="" class="foot-logo"></a>
    				Copyright ©2011-2016 广东步步高电子工业有限公司
    				<br />
    				版权所有 保留一切权利粤B2-20080267 | 
    				<a href="" class="wen">粤ICP备05100288号</a>
    			</div>
    		</div>
    	</div>
    </footer>
    <div id="sid-bar">
    	<ul>
    		<li><a href="" class="sid-bg1">
    			<div>
    				在线客服
    			</div>
    		</a></li>
    		<li><a href="" class="sid-bg2">
    			<div class="sb-1">
    				<img src="../../image/sid-bar5.png"/>
    				<!--<p>
    					支付宝扫码
    					<br />
    					关注享最新活动福利
    				</p>-->
    				
    			</div>
    		</a></li>
    		<li><a href="" class="sid-bg3"><div>
    				意见反馈
    			</div></a></li>
    		<li><a href="" class="sid-bg4"><div>
    				返回顶部
    			</div></a></li>
    		
    	</ul>
    </div>
</body>
</html>